<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<GameConsoleViewModel>" %>
<%@ Import Namespace="Samples.Controllers"%>
<%@ Import Namespace="etcetera.Mvc.UI.Html"%>
<%@ Import Namespace="Samples.Models"%>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Index
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <style type="text/css">
        select optgroup {
          padding: 8px 0 0 0;
          background-color: #ddd;
          font-style: normal;
          border-top: 1px solid #ccc;
        }

        select option {
          padding: 4px 0px;
          background-color: #eee;
        }

        select optgroup option {
          padding: 4px 20px;
          background-color: #eee;
          border-top: 1px solid #ccc;
        }
    </style>

    <h2>Miscellaneous HTML Demos</h2>
    
    <h3>DropDownListEx</h3>
    
    <%--<%= Html.DropDownList("console", Model.GameConsoles, "Select your favorite...") %>--%>
    
    <%= Html.DropDownListEx("GameConsole", Model.GameConsoles, "Select your favorite...") %>
    
    <h3>ImageLink</h3>
    
    <%= Html.ImageLink<HtmlController>(x => x.Index(), "../Content/images/etcetera/add.gif", "Add something...", null) %>
    
</asp:Content>
